<%--
  Created by IntelliJ IDEA.
  User: MesSent
  Date: 2018/7/14
  Time: 23:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- Bootstrap Core CSS -->
    <link href="/static/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
    <!-- Custom CSS -->
    <link href="/static/css/style.css" rel='stylesheet' type='text/css' />
    <!-- Graph CSS -->
    <link href="/static/css/font-awesome.css" rel="stylesheet">
    <!-- jQuery -->
    <!-- lined-icons -->
    <link rel="stylesheet" href="/static/css/icon-font.min.css" type='text/css' />
    <!-- //lined-icons -->
    <script src="/static/js/sky/jquery-1.10.2.min.js"></script>
    <script src="/static/js/sky/amcharts.js"></script>
    <script src="/static/js/sky/serial.js"></script>
    <script src="/static/js/sky/light.js"></script>
    <script src="/static/js/sky/radar.js"></script>
    <link href="/static/css/fabochart.css" rel='stylesheet' type='text/css' />
    <!--clock init-->
    <script src="/static/js/sky/css3clock.js"></script>
    <!--Easy Pie Chart-->
    <!--skycons-icons-->
    <script src="/static/js/sky/skycons.js"></script>


    <!--//skycons-icons-->
</head>
<body>
<div class="page-container">
    <!--/content-inner-->
    <!--<div class="left-content">-->
    <div class="inner-content">
        <!-- header-starts -->
        <div class="header-section">
            <!--menu-right-->
            <div class="top_menu">
                <div class="main-search">
                    <form>
                        <input type="text" value="Search" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Search';}" class="text"/>
                        <input type="submit" value="">
                    </form>
                    <div class="close"><img src="/static/images/cross.png" /></div>
                </div>
                <script type="text/javascript">
                    $('.main-search').hide();
                    $('button').click(function (){
                            $('.main-search').show();
                            $('.main-search text').focus();
                        }
                    );
                    $('.close').click(function(){
                        $('.main-search').hide();
                    });
                </script>
                <!--/profile_details-->

                <div class="clearfix"></div>
                <!--//profile_details-->
            </div>
            <!--//menu-right-->
            <div class="clearfix"></div>
        </div>
        <!-- //header-ends -->
        <div class="outter-wp">
            <!--custom-widgets-->
            <div class="custom-widgets">
                <div class="row-one">
                    <div class="col-md-3 widget">
                        <div class="stats-left ">
                            <h5>Today</h5>
                            <h4><font size="5">当前用户数</font></h4>
                        </div>
                        <div class="stats-right">
                            <label>34</label>
                        </div>
                        <div class="clearfix"> </div>
                    </div>
                    <div class="col-md-3 widget states-mdl">
                        <div class="stats-left">
                            <h5>Today</h5>
                            <h4><font size="5">当前访问量</font></h4>
                        </div>
                        <div class="stats-right">
                            <label> 6</label>
                        </div>
                        <div class="clearfix"> </div>
                    </div>
                    <div class="col-md-3 widget states-thrd">
                        <div class="stats-left">
                            <h5>Today</h5>
                            <h4><font size="5">当前任务数</font></h4>
                        </div>
                        <div class="stats-right">
                            <label>14</label>
                        </div>
                        <div class="clearfix"> </div>
                    </div>
                    <div class="col-md-3 widget states-last">
                        <div class="stats-left">
                            <h5>Today</h5>
                            <h4><font size="5">待办任务</font></h4>
                        </div>
                        <div class="stats-right">
                            <label>3</label>
                        </div>
                        <div class="clearfix"> </div>
                    </div>
                    <div class="clearfix"> </div>
                </div>
            </div>
            <!--//custom-widgets-->
            <!--/candile-->
            <%--<div class="candile">
                <div class="candile-inner">
                    <h3 class="sub-tittle">Candlestick Chart </h3>
                    <div id="center"><div id="fig">
                        <script type="text/javascript+protovis">

															/* Parse dates. */
															var dateFormat = pv.Format.date("%d-%b-%y");
															vix.forEach(function(d) d.date = dateFormat.parse(d.date));

															/* Scales. */
															var w =1220,
																h = 300,
																x = pv.Scale.linear(vix, function(d) d.date).range(0, w),
																y = pv.Scale.linear(vix, function(d) d.low, function(d) d.high).range(0, h).nice();

															var vis = new pv.Panel()
																.width(w)
																.height(h)
																.margin(10)
																.left(30);

															/* Dates. */
															vis.add(pv.Rule)
																 .data(x.ticks())
																 .left(x)
																 .strokeStyle("#eee")
															   .anchor("bottom").add(pv.Label)
																 .text(x.tickFormat);

															/* Prices. */
															vis.add(pv.Rule)
																 .data(y.ticks(7))
																 .bottom(y)
																 .left(-10)
																 .right(-10)
																 .strokeStyle(function(d) d % 10 ? "#ddd" : "#ddd")
															   .anchor("left").add(pv.Label)
																 .textStyle(function(d) d % 10 ? "#999" : "#ddd")
																 .text(y.tickFormat);

															/* Candlestick. */
															vis.add(pv.Rule)
																.data(vix)
																.left(function(d) x(d.date))
																.bottom(function(d) y(Math.min(d.high, d.low)))
																.height(function(d) Math.abs(y(d.high) - y(d.low)))
																.strokeStyle(function(d) d.open < d.close ? "#052963" : "#00C6D7")
															  .add(pv.Rule)
																.bottom(function(d) y(Math.min(d.open, d.close)))
																.height(function(d) Math.abs(y(d.open) - y(d.close)))
																.lineWidth(10);

															vis.render();

																</script>
                        <script type="text/javascript" src="/static/js/sky/protovis-d3.2.js"></script>
                        <script type="text/javascript" src="/static/js/sky/vix.js"></script>

                    </div>
                    </div>

                </div>

            </div>
            <!--/candile-->--%>

            <!--/charts-->
            <div class="charts">
                <div class="chrt-inner">

                    <!--/float-charts-->

                    <div class="area">


                        <!--//weather-charts-->
                        <div class="graph-visualization">
                            <div class="col-md-6 map-1">
                                <h3 class="sub-tittle">Weather </h3>
                                <div class="weather">
                                    <div class="weather-top">
                                        <div class="weather-top-left">
                                            <div class="degree">
                                                <figure class="icons">
                                                    <canvas id="partly-cloudy-day" width="64" height="64">
                                                    </canvas>
                                                </figure>
                                                <span>30°</span>
                                                <div class="clearfix"></div>
                                            </div>
                                            <script>
                                                var icons = new Skycons({"color": "#002561"}),
                                                    list  = [
                                                        "clear-night", "partly-cloudy-day",
                                                        "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
                                                        "fog"
                                                    ],
                                                    i;

                                                for(i = list.length; i--; )
                                                    icons.set(list[i], list[i]);

                                                icons.play();
                                            </script>
                                            <p>MONDAY
                                                <label>16</label>
                                                <sup>th</sup>
                                                JUY
                                            </p>
                                        </div>
                                        <div class="weather-top-right">
                                            <p><i class="fa fa-map-marker"></i>Location</p>
                                            <label>广州</label>
                                        </div>
                                        <div class="clearfix"> </div>
                                    </div>
                                    <div class="weather-bottom">
                                        <div class="weather-bottom1">
                                            <div class="weather-head">
                                                <h4>Cloudy</h4>
                                                <figure class="icons">
                                                    <canvas id="cloudy" width="40" height="40"></canvas>
                                                </figure>
                                                <script>
                                                    var icons = new Skycons({"color": "#00C6D7"}),
                                                        list  = [
                                                            "clear-night", "cloudy",
                                                            "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
                                                            "fog"
                                                        ],
                                                        i;

                                                    for(i = list.length; i--; )
                                                        icons.set(list[i], list[i]);

                                                    icons.play();
                                                </script>
                                                <h6>31°</h6>
                                                <div class="bottom-head">
                                                    <p>Monday</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="weather-bottom1 ">
                                            <div class="weather-head">
                                                <h4>Sunny</h4>
                                                <figure class="icons">
                                                    <canvas id="clear-day" width="40" height="40">
                                                    </canvas>

                                                </figure>
                                                <script>
                                                    var icons = new Skycons({"color": "#00C6D7"}),
                                                        list  = [
                                                            "clear-night", "clear-day",
                                                            "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
                                                            "fog"
                                                        ],
                                                        i;

                                                    for(i = list.length; i--; )
                                                        icons.set(list[i], list[i]);

                                                    icons.play();
                                                </script>
                                                <h6>30°</h6>
                                                <div class="bottom-head">
                                                    <p>Tuesday</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="weather-bottom1">
                                            <div class="weather-head">
                                                <h4>Sunny</h4>
                                                <figure class="icons">
                                                    <canvas id="clear-night" width="40" height="40">
                                                    </canvas>
                                                </figure>
                                                <script>
                                                    var icons = new Skycons({"color": "#00C6D7"}),
                                                        list  = [
                                                            "clear-night", "clear-day",
                                                            "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
                                                            "fog"
                                                        ],
                                                        i;

                                                    for(i = list.length; i--; )
                                                        icons.set(list[i], list[i]);

                                                    icons.play();
                                                </script>

                                                <h6>30°</h6>
                                                <div class="bottom-head">
                                                    <p>Wednesday</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="weather-bottom1 ">
                                            <div class="weather-head">
                                                <h4>Rain</h4>
                                                <figure class="icons">
                                                    <canvas id="rain" width="40" height="40">
                                                    </canvas>
                                                </figure>
                                                <script>
                                                    var icons = new Skycons({"color": "#00C6D7"}),
                                                        list  = [
                                                            "clear-night", "clear-day",
                                                            "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
                                                            "fog"
                                                        ],
                                                        i;

                                                    for(i = list.length; i--; )
                                                        icons.set(list[i], list[i]);

                                                    icons.play();
                                                </script>
                                                <h6>31°</h6>
                                                <div class="bottom-head">
                                                    <p>Thursday</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"> </div>
                                    </div>

                                </div>

                            </div>
                            <div class="col-md-6 tini-time-line">
                                <h3 class="sub-tittle">Time line </h3>
                                <ul class="timeline">
                                    <li>
                                        <div class="timeline-badge info"><i class="fa fa-smile-o"></i></div>
                                        <div class="timeline-panel">
                                            <div class="timeline-heading">
                                                <h4 class="timeline-title">有位老师想和你聊...</h4>
                                            </div>
                                            <div class="timeline-body">
                                                <p>赶快加入叩丁狼,让你秀发不再飘扬!</p>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="timeline-badge primary"><i class="fa fa-star-o"></i></div>
                                        <div class="timeline-panel">
                                            <div class="timeline-heading">
                                                <h4 class="timeline-title">SHIRO最新全套线上教程</h4>
                                            </div>
                                            <div class="timeline-body">
                                                <p>跟我一堂,保你安全无忧,没错,我就是你的大飞哥!!</p>
                                            </div>
                                        </div>
                                    </li>



                                    <li>
                                        <div class="timeline-badge danger"><i class="fa fa-times-circle-o"></i></div>
                                        <div class="timeline-panel">
                                            <div class="timeline-heading">
                                                <h4 class="timeline-title">赶快加入我们</h4>
                                            </div>
                                            <div class="timeline-body">
                                                <p>这里到处散发着单身狗的清香,给你一种完全不同的全新体验!!</p>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="timeline-badge success"><i class="fa fa-check-circle-o"></i></div>
                                        <div class="timeline-panel">
                                            <div class="timeline-heading">
                                                <h4 class="timeline-title">020-85628002</h4>
                                            </div>
                                            <div class="timeline-body">
                                                <p>广州市天河区棠下涌东路大地工业区D栋六楼</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                           <%-- <div class="col-md-6 map-2">
                                <div class="profile-nav alt">
                                    <section class="panel">
                                        <div class="user-heading alt clock-row terques-bg">
                                            <h3 class="sub-tittle clock">Easy Clock </h3>
                                        </div>
                                        <ul id="clock">
                                            <li id="sec"></li>
                                            <li id="hour"></li>
                                            <li id="min"></li>
                                        </ul>

                                        <ul class="clock-category">
                                            <li>
                                                <a href="#" class="active">
                                                    <img src="/static/images/time.png" alt="">
                                                    <span>Clock</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="/static/images/alarm.png" alt="">
                                                    <span>Alarm</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="/static/images/watch.png" alt="">
                                                    <span>Stop watch</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="/static/images/timer.png" alt="">
                                                    <span>Timer</span>
                                                </a>
                                            </li>
                                        </ul>
--%>
                               <%--     </section>

                                </div>
                            </div>
                            <div class="clearfix"> </div>
                        </div>--%>

                        <!--//charts-->
                        <%--<div class="area-charts">--%>
                            <%--<div class="col-md-6 panel-chrt">
                                <h3 class="sub-tittle dyna">Dynamic Speedometer </h3>
                                <div id="wrapper">
                                    <div id="left">
                                        <div>
                                            <label for='miles'>Miles:</label> <input type="text" name="miles" id="miles" />
                                        </div>
                                        <div>
                                            <label for='kilometers'>Kilometers:</label> <input type="text" name="kilometers" id="kilometers" />
                                        </div>
                                        <p id="errmsg"></p>
                                    </div>

                                    <div id="gauge">
                                        <div id="circle"></div>
                                        <div id="numbers"></div>
                                        <div id="mi-km"></div>
                                        <div id="needle"></div>
                                    </div>
                                </div>
                            </div>--%>
                           <%-- <div class="col-md-6 tini-time-line">
                                <h3 class="sub-tittle">Time line </h3>
                                <ul class="timeline">
                                    <li>
                                        <div class="timeline-badge info"><i class="fa fa-smile-o"></i></div>
                                        <div class="timeline-panel">
                                            <div class="timeline-heading">
                                                <h4 class="timeline-title">Title</h4>
                                            </div>
                                            <div class="timeline-body">
                                                <p>Description...</p>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="timeline-badge primary"><i class="fa fa-star-o"></i></div>
                                        <div class="timeline-panel">
                                            <div class="timeline-heading">
                                                <h4 class="timeline-title">Title</h4>
                                            </div>
                                            <div class="timeline-body">
                                                <p>Description...</p>
                                            </div>
                                        </div>
                                    </li>



                                    <li>
                                        <div class="timeline-badge danger"><i class="fa fa-times-circle-o"></i></div>
                                        <div class="timeline-panel">
                                            <div class="timeline-heading">
                                                <h4 class="timeline-title">Title</h4>
                                            </div>
                                            <div class="timeline-body">
                                                <p>Description...</p>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="timeline-badge success"><i class="fa fa-check-circle-o"></i></div>
                                        <div class="timeline-panel">
                                            <div class="timeline-heading">
                                                <h4 class="timeline-title">Title</h4>
                                            </div>
                                            <div class="timeline-body">
                                                <p>Description...</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>--%>
                                <!--/candile-->
                                <div class="candile">
                                    <div class="candile-inner">
                                        <h3 class="sub-tittle">Candlestick Chart </h3>
                                        <div id="center"><div id="fig">
                                            <script type="text/javascript+protovis">

                                                                                /* Parse dates. */
                                                                                var dateFormat = pv.Format.date("%d-%b-%y");
                                                                                vix.forEach(function(d) d.date = dateFormat.parse(d.date));

                                                                                /* Scales. */
                                                                                var w =1220,
                                                                                    h = 300,
                                                                                    x = pv.Scale.linear(vix, function(d) d.date).range(0, w),
                                                                                    y = pv.Scale.linear(vix, function(d) d.low, function(d) d.high).range(0, h).nice();

                                                                                var vis = new pv.Panel()
                                                                                    .width(w)
                                                                                    .height(h)
                                                                                    .margin(10)
                                                                                    .left(30);

                                                                                /* Dates. */
                                                                                vis.add(pv.Rule)
                                                                                     .data(x.ticks())
                                                                                     .left(x)
                                                                                     .strokeStyle("#eee")
                                                                                   .anchor("bottom").add(pv.Label)
                                                                                     .text(x.tickFormat);

                                                                                /* Prices. */
                                                                                vis.add(pv.Rule)
                                                                                     .data(y.ticks(7))
                                                                                     .bottom(y)
                                                                                     .left(-10)
                                                                                     .right(-10)
                                                                                     .strokeStyle(function(d) d % 10 ? "#ddd" : "#ddd")
                                                                                   .anchor("left").add(pv.Label)
                                                                                     .textStyle(function(d) d % 10 ? "#999" : "#ddd")
                                                                                     .text(y.tickFormat);

                                                                                /* Candlestick. */
                                                                                vis.add(pv.Rule)
                                                                                    .data(vix)
                                                                                    .left(function(d) x(d.date))
                                                                                    .bottom(function(d) y(Math.min(d.high, d.low)))
                                                                                    .height(function(d) Math.abs(y(d.high) - y(d.low)))
                                                                                    .strokeStyle(function(d) d.open < d.close ? "#052963" : "#00C6D7")
                                                                                  .add(pv.Rule)
                                                                                    .bottom(function(d) y(Math.min(d.open, d.close)))
                                                                                    .height(function(d) Math.abs(y(d.open) - y(d.close)))
                                                                                    .lineWidth(10);

                                                                                vis.render();

                                                                                    </script>
                                            <script type="text/javascript" src="/static/js/sky/protovis-d3.2.js"></script>
                                            <script type="text/javascript" src="/static/js/sky/vix.js"></script>

                                        </div>
                                        </div>

                                    </div>

                                </div>
                                <!--/candile-->
                            <div class="clearfix"></div>
                        </div>
                        <!--/bottom-grids-->

                        <!--//bottom-grids-->

                    </div>
                    <!--/charts-inner-->
                </div>
                <!--//outer-wp-->
            </div>
            <!--footer section start-->
            <h3 class="inner-tittle two">School Tabs </h3>
            <div class="graph">

                <div class="tabs">
                    <nav class="second"> <a>广州校区</a> <a>上海校区</a> <a>北京校区</a> </nav>
                    <div class="context">
                        <p>广州校区</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id ultricies lorem. Donec mattis ornare eros, eget hendrerit est porttitor nec. Aenean tristique massa vel nunc lobortis venenatis. Integer sit amet faucibus dolor, vitae iaculis ex. Sed blandit libero ut ante facilisis, ac imperdiet nibh mollis. Suspendisse eget leo suscipit, malesuada metus at, semper libero. Aliquam neque libero, fermentum id bibendum eu, feugiat consequat leo. Vestibulum ut purus et libero pulvinar mollis. Morbi dapibus varius ipsum eu tristique. Donec tortor justo, tincidunt malesuada nunc sed, ornare viverra eros. Nullam et massa ultrices, vulputate neque at, blandit velit. Nunc ultricies at quam vitae tempor. Quisque maximus fringilla arcu, vel sollicitudin dui luctus ac.</p>
                        <p>Sed vitae consectetur urna. Aenean facilisis vitae massa quis auctor. Ut at ullamcorper magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et venenatis justo. Vivamus feugiat purus sit amet mi tincidunt, id egestas erat sodales. Vivamus dapibus rhoncus feugiat. Quisque pulvinar eu est vitae facilisis. Maecenas ac vestibulum lectus, in auctor turpis. In ultrices massa eget finibus volutpat. Nam eu nibh quis purus euismod eleifend. Fusce quis mattis erat. Praesent aliquet urna non imperdiet condimentum. Praesent a venenatis tortor. Donec porttitor enim nec facilisis volutpat.</p>
                    </div>
                    <div class="context">
                        <p>上海校区</p>
                        <p>Ut molestie, neque ac malesuada aliquet, orci ligula ornare lorem, et sagittis diam dolor id odio. Maecenas blandit dolor nec tincidunt vulputate. Proin ultrices dui vulputate ullamcorper molestie. Sed non orci id tortor commodo molestie. Curabitur lectus lacus, iaculis eu quam nec, congue rutrum felis. Morbi rhoncus metus a diam mattis, vel lacinia lectus ultricies. Quisque aliquet magna justo, quis pretium purus vulputate sit amet. Vivamus vehicula nisl eu sollicitudin efficitur. Curabitur egestas, felis vel tempus efficitur, felis nibh fermentum nulla, at gravida risus mauris sed sapien. Donec lobortis mi convallis tortor iaculis, sit amet vulputate libero mollis. Cras sagittis ligula eget est sodales tempor.</p>
                    </div>
                    <div class="context">
                        <p>上海校区</p>
                        <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse tempor accumsan purus a rutrum. Nam congue tempor dui, vel auctor dolor tincidunt id. Proin fringilla consectetur urna. Fusce nec sodales turpis, eu rhoncus enim. Pellentesque pretium, dui et feugiat venenatis, sapien augue molestie quam, ac vulputate arcu quam et mauris. Duis lectus mi, congue ac tortor vel, maximus venenatis sem. Nam eget cursus sapien, sit amet rhoncus lacus. Vestibulum est justo, scelerisque ac erat eu, fermentum suscipit tellus. Aliquam velit nisi, feugiat ut arcu et, finibus efficitur lectus.</p>
                        <p>Nulla aliquam dapibus nunc, sed convallis sem semper sit amet. Mauris et ullamcorper lorem. Donec volutpat egestas massa, vitae porttitor mi venenatis sit amet. Nulla condimentum fermentum risus non mattis. Mauris ut posuere erat. Duis vel ante sit amet augue blandit facilisis. Nulla congue turpis at imperdiet porta. Nullam quis aliquet augue. Duis et arcu in augue fringilla sodales. Aliquam pulvinar elit non iaculis egestas. Nam risus enim, malesuada id augue a, sagittis pharetra quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend, ligula eget ultrices venenatis, metus neque finibus tortor, sit amet venenatis turpis nibh et odio.</p>
                    </div>
                </div>
                <script>
                    $(function() {
                        $('.tabs nav a').on('click', function() {
                            show_content($(this).index());
                        });

                        show_content(0);

                        function show_content(index) {
                            // Make the content visible
                            $('.tabs .context.visible').removeClass('visible');
                            $('.tabs .context:nth-of-type(' + (index + 1) + ')').addClass('visible');

                            // Set the tab to selected
                            $('.tabs nav.second a.selected').removeClass('selected');
                            $('.tabs navnav.second a:nth-of-type(' + (index + 1) + ')').addClass('selected');
                        }
                    });
                </script>

            </div>


            <!--footer section end-->
        </div>
    </div>
    <div class="clearfix"></div>
    <!--</div>-->
    <script>
        var toggle = true;

        $(".sidebar-icon").click(function() {
            if (toggle)
            {
                $(".page-container").addClass("sidebar-collapsed").removeClass("sidebar-collapsed-back");
                $("#menu span").css({"position":"absolute"});
            }
            else
            {
                $(".page-container").removeClass("sidebar-collapsed").addClass("sidebar-collapsed-back");
                setTimeout(function() {
                    $("#menu span").css({"position":"relative"});
                }, 400);
            }

            toggle = !toggle;
        });
    </script>
    <!--js -->
    <link rel="stylesheet" href="/static/css/vroom.css">
    <script type="text/javascript" src="/static/js/sky/vroom.js"></script>
    <script type="text/javascript" src="/static/js/sky/TweenLite.min.js"></script>
    <script type="text/javascript" src="/static/js/sky/CSSPlugin.min.js"></script>
    <script src="/static/js/sky/jquery.nicescroll.js"></script>
    <script src="/static/js/sky/scripts.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="/static/js/sky/bootstrap.min.js"></script>
</body>
</html>
